<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi "> 
<title>众创云购</title>
<link rel="stylesheet" href="css/zhongchuangyungou.css">
<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<link rel="stylesheet" href="css/swiper.min.css">
</head>

<body>
<div class="tongping_1">
	<div class="huiyuan">
		<a href=""><div class="huiyuan1">普通会员</div></a>
		<a href="gerenzhongxinfenxiaohuiyuan.html"><div class="huiyuan2">分销会员</div></a>
		<a href="zzhy.html"><div class="huiyuan3 yanse">增值会员</div></a>
		<div class="clearfix"></div>
	</div>
	<div class="gaodu_1"></div>
	<div class="ziliao">
		<div class="ziliao1" id="preview">
			<img src="images/tupian1-4.png" alt="" id="imghead" onClick="$('#previewImg').click();">
		</div>
		<input type="file" onChange="previewImage(this)" style="display: none;" id="previewImg">
		<div class="ziliao2">
			<h1 class="ziliao2_1">糖果果</h1>
			<h2 class="ziliao2_2">分销会员：店小二</h2>
		</div>
		<a href="grzl.html">
			<div class="ziliao3">
				完善个人资料
			</div>
		</a>
		<div class="ziliao4">
			<a href="daifukuandingdan.html">
				<div class="ziliao4_1">
					<div class="ziliao4_2">
						<img src="images/yifukuan.png" alt="">
					</div>
					代付款
				</div>
			</a>
			<a href="yizhifu.html">
				<div class="ziliao4_1">
					<div class="ziliao4_2">
						<img src="images/yifukuan.png" alt="">
					</div>
					已付款
				</div>
			</a>
			<a href="yipeisong.html">
				<div class="ziliao4_1">
					<div class="ziliao4_2">
						<img src="images/yifahuo.png" alt="">
					</div>
					已发货
				</div>
			</a>
			<a href="wodedingdan.html">
				<div class="ziliao4_1">
					<div class="ziliao4_2">
						<img src="images/yiwancheng.png" alt="">
					</div>
					已完成
				</div>
			</a>
		<div class="clearfix"></div>
		</div>
	</div>
	<div class="jinbi">
		<div class="jinbi1">
			<h3 class="jinbi_1">金币</h3>
			<h2 class="jinbi_2">666金币</h2>
		</div>
		<div class="jinbi2">
			<h3 class="jinbi_1">推广币</h3>
			<h2 class="jinbi_2">6666豆</h2>
		</div>	
		<div class="jinbi3">
			<h3 class="jinbi_1">消费币</h3>
			<h2 class="jinbi_2">88积分</h2>
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="jiange1"></div>
	<a href="wodedingdan.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/wodedingdan.png" alt="">
				</div>
				<h1 class="wode2">我的订单</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="" style="width: 100%;">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<a href="dizhi.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/shouhuodizhi.png" alt="">
				</div>
				<h1 class="wode2">我的收货地址</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<div class="jiange1"></div>
	<a href="wodeguitai.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/guitai.png" alt="">
				</div>
				<h1 class="wode2">我的柜台</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<a href="wdtd.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/tuandui.png" alt="">
				</div>
				<h1 class="wode2">我的团队</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<a href="jyscqg.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/jiaoyi.png" alt="">
				</div>
				<h1 class="wode2">交易市场</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<a href="txsq.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/qianbao.png" alt="">
				</div>
				<h1 class="wode2">我的钱包</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<a href="dhjhm.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/jihuoma.png" alt="">
				</div>
				<h1 class="wode2">兑换激活码</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<div class="jiange1"></div>
	<a href="">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/erweima.png" alt="">
				</div>
				<h1 class="wode2">我的推广二维码</h1>
				<div class="wode3">
					<img src="images/zhankai.png" alt="">
				</div>
			<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<a href="tzgg.html">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/gonggaotongzhi.png" alt="">
				</div>
				<h1 class="wode2">消息公告</h1>
				<div class="wode3_1">1</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<a href="">
		<div class="wode">
			<div class="wode1">
				<div class="wode11">
					<img src="images/renwu.png" alt="">
				</div>
				<h1 class="wode2">任务完成</h1>
				<div>
					<h3 class="wode4">
						软文推广<span>1/100</span>
					</h3>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</a>
	<div class="gaodu"></div>
</div>
<div class="caidan">
	<a href="index.html">
		<div class="caidan_1">
			<div class="caidan_1_1">
				<img src="images/sc2.png" alt="">
			</div>
			<h1 class="caidan_2_2">
			商城
			</h1>
		</div>
	</a>
	<a href="ruanwen.html">
		<div class="caidan_1">
			<div class="caidan_1_1">
				<img src="images/wz2.png" alt="">
			</div>
			<h1 class="caidan_2_2">
				美文分享
			</h1>
		</div>
	</a>
	<a href="">
		<div class="caidan_1">
			<div class="caidan_1_1">
				<img src="images/zs2.png" alt="">
			</div>
			<h1 class="caidan_2_2">
				招商中心
			</h1>
		</div>
	</a>
	<a href="gerenzhongxinfenxiaohuiyuan.html">
		<div class="caidan_1">
			<div class="caidan_1_1">
				<img src="images/grzx1.png" alt="">
			</div>
			<h1 class="caidan_2_2">
				<span class="caidan_1_2">
				个人中心
				</span>
			</h1>
		</div>
	</a>
</div>
<script type="text/javascript">
	 //图片上传预览    IE是用了滤镜。
        function previewImage(file)
        {
          var MAXWIDTH  = 90; 
          var MAXHEIGHT = 90;
          var div = document.getElementById('preview');
          if (file.files && file.files[0])
          {
              div.innerHTML ='<img id=imghead onclick=$("#previewImg").click()>';
              var img = document.getElementById('imghead');
              img.onload = function(){
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
                img.width  =  rect.width;
                img.height =  rect.height;
//                 img.style.marginLeft = rect.left+'px';
                img.style.marginTop = rect.top+'px';
              }
              var reader = new FileReader();
              reader.onload = function(evt){img.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div.innerHTML = '<img id=imghead>';
            var img = document.getElementById('imghead');
            img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
            status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
            div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
          }
        }
        function clacImgZoomParam( maxWidth, maxHeight, width, height ){
            var param = {top:0, left:0, width:width, height:height};
            if( width>maxWidth || height>maxHeight ){
                rateWidth = width / maxWidth;
                rateHeight = height / maxHeight;
                
                if( rateWidth > rateHeight ){
                    param.width =  maxWidth;
                    param.height = Math.round(height / rateWidth);
                }else{
                    param.width = Math.round(width / rateHeight);
                    param.height = maxHeight;
                }
            }
            param.left = Math.round((maxWidth - param.width) / 2);
            param.top = Math.round((maxHeight - param.height) / 2);
            return param;
        }
</script>
</body>
</html>
